import {Text} from '@tarojs/components'
import './index.less'

export default function ChargingAnimation(props){
  const {number} = props;
  return (
    <div className='container'>
      <div className='header'></div>
      <div className='battery'>
      </div>
      <div className='batteryCopy'>
        <div className='gWave'></div>
        <div className='gWave'></div>
        <div className='gWave'></div>
      </div>
        <div className='number'>{number || 0}<Text className='unit'>%</Text></div>
    </div>
  )
}
